<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    
    <!-- SET TITLE -->
	<title><?=isset($title)?$title:DEFAULT_TITLE?></title>
    
    <!-- SET CSS -->
    <link rel="stylesheet" href="<?=base_url();?>css/default.css" type="text/css" media="screen"/>
    
    <!-- SET JS -->
    <script type='text/javascript' src="<?=base_url();?>js/<?=JQUERY?>.js"></script>
    <script type='text/javascript' src="<?=base_url();?>js/default.js"></script>

    <?php
        //SET CUSTOM CSS
        if (isset($css_list)) { foreach ($css_list as $css) {
            ?><link rel="stylesheet" href="<?=base_url();?>css/<?=$css?>.css" type="text/css" media="screen"/><?php } }
        
        //SET CUSTOM JS
        if (isset($js_list)) { foreach ($js_list as $js) {
            ?><script type='text/javascript' src="<?=base_url();?>js/<?=$js?>.js"></script><?php } }
    ?>
    
</head>
<body>

<!-- ECHO MENU -->
<div id="menu_scroll">
    <table style="width: 98%; table-layout: fixed;">
    <tbody>
        <tr>
            <?php
                $menu_it = 1;
                foreach (unserialize(MENU) as $menu_title => $option_array)
                {
                    ?>
                    <td>
                        <span class="bold"><?=$menu_title?></span>
                        <ul>
                            <?php
                                $option_it = 1;
                                foreach ($option_array as $option_text)
                                {
                                    ?>
                                        <li><a onclick="menu_load(<?=$menu_it?>, <?=$option_it?>);" href="javascript:void(0);"><?=$option_text?></a></li>
                                    <?php
                                    $option_it++;
                                }
                            ?>
                        </ul>
                    </td>
                    <?php
                    $menu_it++;
                }
            ?>
        </tr>
    </tbody>
    </table>
</div>

<!-- ECHO MENU BUTTON -->
<a onclick="toggleMenu();" href="javascript:void(0);">
Menu
</a>

<!-- ECHO FIXED HEADER -->
<h1><?=COMPANY_NAME?></h1>

<!-- START OF CONTAINER -->
<div id="container">